
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>男装专区</title>
    <link rel="stylesheet" type="text/css" href="/css/stroe/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/loading.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/base.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/style.css"/>
    <script src="/js/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="/js/store/jaliswall.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script type="text/javascript">
        $(window).load(function(){
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300);
            $('.wall').jaliswall({ item: '.pic' });

            $(".text-top").on("touchstart",function(){
                $(".collectbar").fadeToggle(500);
            });

        });

        function mycheck(val)
        {
            if($("#collect"+val).is(':checked'))
            {
                $(".label"+val).addClass("collectd");
                $(".collectbox").fadeIn(300)
                $(".kong").fadeIn()
            }
            else
            {
                $(".label"+val).removeClass("collectd");
                $(".collectbox").fadeOut(300)
                $(".kong").fadeOut()
            }
        }

    </script>
    <script>
        $(function () {
            var users=sessionStorage.getItem("user");
            var user = JSON.parse(users);
            $.get("/buys/"+1+"/collects",{pageSize:0},function (data) {
                $(".fixed-conta").renderValues(data,{
                    'setHref':function (item,value) {
                        $(item).attr("href", $(item).attr("href") + value)
                    }
                })
            })
        })
    </script>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
<body>
<header class="top-header fixed-header">
    <a class="icona" href="javascript:history.go(-1)">
        <img src="/img/store/left.png"/>
    </a>
    <h3>我的收藏</h3>

    <a class="text-top">
        编辑
    </a>
</header>

<div class="contaniner fixed-conta">
    <div style="margin-top: 3%;"></div>
    <section class="list" render-loop="list">
        <ul class="wall">
            <li class="pic">
                <a href="detail.html?id=" render-fun="setHref" render-key="list.commodity.id">
                    <img render-src="list.commodity.picture"/>
                    <p render-html="list.commodity.name">韩版青少年休闲修身长袖紧身衬衫</p>
                    <b render-html="list.commodity.discountPrice">￥58</b><del render-html="list.commodity.discountPrice">￥538</del>
                    <div class="collectbar">
                        <label for="collect1"  onselectstart="return false" class="label1"></label>
                        <input type="checkbox" onclick="mycheck(1)" id="collect1"/>
                    </div>
                </a>
            </li>
        </ul>
    </section>
    <div class="kong" style="margin-bottom: 16%;"></div>
</div>

<footer class="collectbox fixed-footer">

    <input type="button" value="确认删除" />
</footer>
</body>
</html>